<template>
  <div>
    <group title='注册2'>
      <x-input title="商户名称" v-model="sname"></x-input>
      <x-input title="商户简称" v-model="sname2"></x-input>
      <selector title="城市" :options="list"></selector>
      <x-input title="负责人" v-model="desc"></x-input>
      <x-input title="负责人手机号" v-model="desc"></x-input>
      <x-input title="负责人身份证" v-model="desc"></x-input>
      <x-input title="负责人身份证" v-model="desc"></x-input>
    </group>
    <box gap="20px 10px">
      <x-button type="primary">下一步</x-button>
    </box>
  </div>
</template>

<script>
import { Selector, Group, XInput, XButton, Box } from 'vux'
import { mapState, mapGetters, mapActions } from 'vuex'
import HeadTop from 'components/head'

export default {
  components: {
    Selector, 
    Group,
    XInput,
    XButton,
    Box,
    HeadTop
  },
  methods: {
    onItemClick () {
      console.log('on item click')
    },
    ...mapActions([
      'changeName'
    ])
  },
  computed: {
    ...mapState(['common', 'app']),
    ...mapGetters(['coolMan'])
  },
  data() {
    return{
      list: [{key: '1', value: '个体'}, {key: '2', value: '企业'}, {key: '3', value: '个人'}],
      sname: "",
      sname2: "",
      desc: ""
    }
  }
}
</script>

<style lang="less">

</style>
